<template>
  <sn-three-col-space class="home">
    <sn-row-has-two-col :left="18" :right="6" slot="spaceContent">
      <div slot="one-col" class="home-left">
        <!-- 正在热映影片-->
        <hot-showing/>
        <!-- 即将上映影片-->
        <will-on class="distance"/>
        <!-- 经典影片-->
        <old-movie class="distance"/>
      </div>
      <div slot="two-col">
        <!-- 今日票房-->
        <today-box-office/>
        <!-- 最受期待-->
        <most-expect class="distance"/>
        <!-- top100-->
        <top100 class="distance"/>
      </div>
    </sn-row-has-two-col>
  </sn-three-col-space>
</template>

<script>
import HotShowing from "@/views/home/left/hot_showing/HotShowing";
import WillOn from "@/views/home/left/will_on/WillOn";
import OldMovie from "@/views/home/left/old_movie/OldMovie";
import TodayBoxOffice from "@/views/home/right/today_box_office/TodayBoxOffice";
import MostExpect from "@/views/home/right/most_expect/MostExpect";
import Top100 from "@/views/home/right/top_100/Top100";

export default {
  name: "Home",
  components: {
    HotShowing,
    WillOn,
    OldMovie,
    TodayBoxOffice,
    MostExpect,
    Top100
  },
  data() {
    return {
      orderInfo: {
        userId: 1,
        movieId: 1,
        hallId: 1,
        price: 25.2,
        couponMoney: 50.3,
        vipDiscountMoney: 60.2,
        actualMoney: 100.2,
        showTime: "2021-12-12 12:12:12",
        seats: [1, 2, 3],
        token: '',
      }
    }
  },
  methods: {},
}
</script>

<style scoped>
.distance {
  margin-top: 70px;
}

.home-left {
  margin-right: 50px;
}

.home {
  padding-top: 50px;
}
</style>